<template>
	<div class="panel">
		<Info></Info>
		<videoPanel v-if="isShowComponent" v-on="$listeners"></videoPanel>
	</div>
</template>

<script>
	import Info from "./info";
	import videoPanel from "./videoPanel";
	export default {
		name: "panel",
		components: { Info, videoPanel },
		props: {
			isShowComponent: {
				type: Boolean,
				deault: function() {
					return false;
				}
			}
		},
		data() {
			return {
				
			};
		},
		watch: {},
		computed: {},
		methods: {
    },
		created() {},
		mounted() {
    }
	};
</script>
<style lang="scss" scoped>
	@import "~@/assets/styles/mixin.scss";
	@import "~@/assets/styles/variables.scss";
	.panel {
		@include flex;
		flex-direction: column;
		width: 370px;
		flex-shrink: 0;
		margin-left: 8px;
    margin-top: 15px;
	}
</style>
